<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../../jsp/per/common/common_taglib.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- 弹出框控件 -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/dialog/artDialog.js?skin=default"></script>
	
	<script type="text/javascript">
	
	
	       //用artDialog做一个弹出层，类似javascript的alert，但是效果是javascript的alert比不上的。      
       function test1(){
	       var a1 = art.dialog({
	               title:'消息',//要弹出的标题，可以用jquery的$("#id").val()这样的形式来取值
	            	content: '输入值不能为空!',//要弹出的内容，可以用jquery的$("#id").val()这样的形式来取值
	               lock: true,//是否锁屏
	               drag:true,//是否可以拖动
	               ok:true,//点击确定关闭当前弹出层,true表示关闭当前层，false表示关闭不了，ok表示确定按钮，cancel表示取消按钮(自己拓展）
	               icon:"error",//显示的图标，这里是一个error图标，图标的存放目录是：js/art/skins/icons，输入图片文件的名字就可以，不需要加入格式“png”
	      			background: 'gray', // 背景色
	      			opacity: 0.31 // 透明度
	                });
	    }
	       
	       
       function test2(){   
    	    art.dialog({   
    	    	content: 'Test artDialog'
    		});   
    	}
       function test3(){   
    	    art.dialog('简单愉悦的接口，强大的表现力，优雅的内部实现', function(){alert('yes');});   
    	}
	
		function dialog()
		{
			art.dialog({title: '提示'});
		}
	
	</script>

  </head>
  
  	<body onload="test2();">
  	
  	<br/>
	<input type="button"  value="click1" onclick="test1()"/>
	<br/>
	<input type="button"  value="click2" onclick="test2()"/>
	<br/>
	<input type="button"  value="click3" onclick="test3()"/>
	
	<br/>
	<input type="button"  value="click4" onclick="test4()"/>
	<hr/>  	
  		<a href="javascript:void(0);" onclick="dialog()">测试弹出对话框</a>
  		
  	</body>
</html>